
require("../less/register.less")
require("../fonts/iconfont.css")
const CaptchaMini = require("../../lib/captcha/captcha-mini.js")
document.ready(function () {
    // 验证码插件
    let captcha1 = new CaptchaMini();
    let captchaCode = ''
    captcha1.draw(document.querySelector('#captcha1'), r => {
        console.log('验证码:', r);
        captchaCode = r;
        // lineNum: 3, //线条的数量
        // // dotNum: 250,//点的数量
        // length: 4 //验证码的个数

    });

    // 验证
    let phoneIpt = document.querySelector('#phoneIpt')
    let codeIpt = document.querySelector('#codeIpt')
    let pwdIpt = document.querySelector('#pwdIpt')
    let checkpwdIpt = document.querySelector('#checkpwdIpt')
    let loginBtn = document.querySelector('#loginBtn')
    loginBtn.addEventListener('click', function () {
        // 手机号验证
        let phoneVal = phoneIpt.value;
        let pwdVal = pwdIpt.value;
        // 手机号非空验证
        if (!phoneVal) {
            errMsg.textContent = '手机号不能为空'
            phoneIpt.focus()
            return;
        }
        // 手机号格式验证
        if (!window.$util.phoneCheck(phoneVal)) {
            errMsg.textContent = '手机号格式错误'
            phoneIpt.focus()
            return;
        }
        // 验证码验证
        if (codeIpt.value !== captchaCode.toLocaleLowerCase()) {
            errMsg.textContent = '验证码错误';
            codeIpt.focus()
            return false;
        }
        // 密码非空验证
        if (!pwdIpt.value) {
            errMsg.textContent = '密码不能为空';
            pwdIpt.focus();
            return false;
        }
        // 确认密码非空
        if (!checkpwdIpt.value) {
            errMsg.textContent = '请输入确认密码';
            checkpwdIpt.focus();
            return false;
        }
        // 密码正则
        if (!window.$util.pwdCheck(pwdVal)) {
            errMsg.textContent = '手机号格式错误'
            phoneIpt.focus()
            return;
        }
        // 密码是否相同验证
        if (pwdIpt.value !== checkpwdIpt.value) {
            errMsg.textContent = '密码不一致';
            return false;
        }

        // http://47.98.254.19:3001
        axios.post('http://139.9.177.51:3701/api/user/isExist', {
            account: phoneVal,
        }).then(res => {
            // 存在
            if (res.data.errno === 10002) {
                // 提示存在
                errMsg.textContent = res.data.message;
                phoneIpt.focus();
                return;
            } else if (res.data.errno === 0) {
                // 不存在则发起注册请求
                axios.post('http://139.9.177.51:3701/api/user/register', {
                    account: phoneVal,
                    password: pwdIpt.value
                }).then((res) => {
                    console.log(res.data);
                    if (res.data.errno === 0) { //成功
                        // 弹出框 
                        window.$util.popBox("icon-gougou", "注册成功登陆中...")
                        setTimeout(function () {
                            window.location.href = 'index.html'
                        }, 2000)
                        // 直接登录
                        axios.post('http://139.9.177.51:3701/api/user/login', {
                            account: phoneIpt.value,
                            password: pwdIpt.value
                        }).then((res) => {
                            if (res.data.errno === 0) {  //账户密码都正确
                                // 保存在本地
                                window.sessionStorage.setItem("user", JSON.stringify(res.data.data))
                                window.$util.popBox("icon-gougou", "登录成功")
                                // 跳转首页
                                window.location.href = 'index.html'
                            } else if (res.data.errno === 20002) {
                                window.$util.popBox("icon-cuowu", "账户或密码错误")
                            }
                        }).catch((err) => {
                            console.log(err);
                        })
                        // return;
                    }
                }).catch((err) => {
                    console.log(err);
                })
            }
        }).catch(err => {
            console.log(err);
        })








    })


})